<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8" />
    <title>幼教通</title>
    <!-- 视口标签 -->
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <!-- 删除苹果默认的工具栏和菜单栏 -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- 设置苹果工具栏颜色 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <!-- 忽略页面中的数字识别为电话，忽略email识别 -->
    <meta name="format-detection" content="telphone=no, email=no" />
    <!-- 启用360浏览器的极速模式(webkit) -->
    <meta name="renderer" content="webkit">
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
    <meta name="HandheldFriendly" content="true">
    <!-- 微软的老式浏览器 -->
    <meta name="MobileOptimized" content="320">
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- UC应用模式 -->
    <meta name="browsermode" content="application">
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app">
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <!-- 适应移动端end -->    
    <link rel="stylesheet" type="text/css" href="css/base.css" />
    
    <link rel="stylesheet" type="text/css" href="css/conter.css" />

    <link rel="stylesheet" type="text/css" href="css/index.css" />
    
    <script type="text/javascript" src="js/TouchSlide.1.1.js"></script>

    <script type="text/javascript">
            TouchSlide({ 
                slideCell:"#focus",
                titCell:".hd ul",   //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
                mainCell:".bd ul", 
                effect:"leftLoop", 
                autoPlay:true,//自动播放
                autoPage:true //自动分页
            });
        </script> 
</head>
<body>
  <div class="wrap">
     <header class="head">
            <a href="#">
              <div class="hea">
                  <span>返回</span>
              </div> 
            </a>
            <h1>幼教通</h1>
            <div class="Rbuttom">
                <div></div>
                <div></div>
                <div></div>
            </div> 
    </header> 
   
    <section>
<!-- banner -->
         <div class="banner">
           <a href="secondary page/introduce/index.html"><img src="images/banner.png" width="100%" alt="未找到图片" /></a>
       </div> 
<!-- 链接 -->
       <div class="chaining">
       <!-- 教师风采 -->
            <div class="btn">
                <a href="secondary page/teacher elegant demeanour/index.html">
                  <img src="images/icon1.png" alt="" />
                </a>
           </div>

        <!-- 学院动态 -->
            <div class="btn">
                <a href="secondary page/college dynamic condition/index.html"><img src="images/icon2.png" alt="" /></a>
           </div>
        <!-- 本周食谱 -->
           <div class="btn">
              <a href="secondary page/recipe/index.html">
               <img src="images/icon3.png"alt=""/>
              </a>
           </div>
        <!-- 院长信箱 -->
           <div class="btn">
              <a href="secondary page/Information/index.html">
                <img src="images/icon4.png" alt="" />
              </a>
           </div>
       </div>
<!--公告 -->
      <div class="notice">公告</div>
      <a href="secondary page/announcement/index.html">
       <div  class="matter">
           <h2>关于十一月消防演习的通知
              <span class="hint">学院</span>
           </h2>

           <span class="matter_bt">
              学校定于十一月第二周开展消防演练，请各位家长注意配合指导孩子相关自救知识。这是一个很严重的问题，各位家长一定要细心指导。谢谢！
           </span>

           <div class="matter_bg">
              <span>李老师2010-10-10</span>
              <span class="rplus" >
                <span>更多＞＞</span>
              </span>
           </div>
       </div></a> 
<!-- 公告结束 -->

<!--学院动态开始 -->
     <div  class="ondition">学院动态</div>
      <a href="secondary page/college dynamic condition/index.html">
      <div  class="details">
            <div class="detailsLeft">
                <h2>全区文艺汇演我园喜得冠军</h2>
                <span>
                    本次文艺汇演由广州恒大名都主办，广州实验儿园全体师生...
                </span>
             </div>
             <div class="detailsRight">
                   <img src="images/hbh.jpg"  alt="儿童" />
             </div>
        
        <div class="matter_bg matterTime">
              <span>2010-10-10</span>
              <span class="rplus" >
                <span>更多＞＞</span>
              </span>
        </div>
        </div></a>
    </section>
    </div>
    <div class="demo"></div>
<!-- 导航 -->
    <nav>
       <ul class="navColumn">
        <li>
          <a href="index.html">幼教微窗</a></li>
        <li>
          <a href="interaction/index.html">家校互动</a></li>
        <li>
          <a href="personal center/index.html">个人中心</a>
        </li>
      </ul>
    </nav>

</body>
</html>